import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue'),
    },
    {
      path: '/employeeAdd',
      name: 'employeeAdd',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Employee/EmployeeAdd.vue'),
    },
    {
      path: '/employeelogn',
      name: 'employeelogn',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Employee/Employeelogn.vue'),
    },
    {
      path: '/employeeList',
      name: 'employeeList',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Employee/EmployeeList.vue'),
    },
    {
      path: '/employeeUpdate',
      name: 'employeeUpdate',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Employee/EmployeeUpdate.vue'),
    },
    {
      path: '/employeefantian',
      name: 'employeefantian',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Employee/Employeefantian.vue'),
    },
    {
      path: '/eventsAdd',
      name: 'eventsAdd',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Events/EventsAdd.vue'),
    },
    {
      path: '/eventsList',
      name: 'eventsList',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Events/EventsList.vue'),
    },
    {
      path: '/EventsXiugai',
      name: 'EventsXiugai',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/Events/EventsXiugai.vue'),
    },
  ],
})

export default router
